<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/font-family.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/travel-note.css">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/comment.js"></script>
    <title>Travel Sharer</title>
</head>
<body>
    <body>
    <!-- 导航 start -->
    <div class="nav-top">
        <div class="nav-login">
            <div class="nav-head">
                <a href="login.html">
                    <img class="login-img" src="img/head.png" alt="">
                    <span>Log In/ Sign Up</span>
                </a>
            </div>
            <div class="nav-link">
                <a href="https://www.facebook.com/">
                    <img src="img/fb.png" alt="">
                </a>
                <a href="https://www.instagram.com/">
                    <img src="img/ins.png" alt="">
                </a>
            </div>
        </div>
        <nav class="nav-list">
            <ul class="nav-detail">
                <li><a href="index.html" >Hmoe</a></li>
                <li><a href="travelNote.html">Travel Note</a></li>
                <li><a href="findTraveller.html">Find Traveller</a></li>
                <li><a href="discover.html">Discover</a></li>
                <li><a href="myPost.html">My Post</a></li>
                <li><a href="members.html">Members</a></li>
                <li><a href="myCollection.html">My Collection</a></li>
                <li><a href="#" class="nav-action">About</a></li>
            </ul>
            <div class="nav-search">
                <img src="img/search.png" alt="">
                <input type="text" placeholder="Search Site">
            </div>
        </nav>
    </div>
    <!-- 导航 end -->
    <!-- 中部 start -->
    <div class="center-box">
        <div class="about-us-box">
            <div class="product">
                <p class="product-title">About Us</p>
                <p class="product-content">
                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                    <div class="product-tip">Contact Us:</div>
                    <div class="product-tip product-tip-mail"><a href="">xxx@xxxx.com</a></div>
                </p>
            </div>
            <div class="product-img">
                <img src="img/findBlock.png" alt="">
            </div>
        </div>
    </div>
    <!-- 中部 end -->
    <!-- 底部 start -->
    <footer class="bottom-box">
        <div class="bottom-bg">
            <img src="img/bottomBg.png" alt="">
        </div>
        <div class="bottom-content">
            <div class="content-left">
                <!-- <img src="img/bottomImg.png" alt=""> -->
            </div>
            <div class="content-right">
                <div class="about-us">ABOUT US</div>
                <div class="us-info">
                    <span>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span>
                    
                    <span class="us-info-add">​XXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
                </div>
                <div class="us-more">
                    <a href="#" class="us-more-a">
                        <div>
                            READ MORE
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="bottom-copy">
            <div class="copy-css">© 2019 by Travel Sharer.</div>
        </div>
    </footer>
    <!-- 底部 end -->
</body>
</body>
</html>